{include file="kuerp/common/menu" /}
<div class="wrapper upload_panel customers">
    <ul class="steps-ul" id="import-steps" style="margin-bottom: 24px;">
        <li class="step1-base step-btn_btn step1-cur" data-rel="step1">下载模板并填写</li>
        <li class="step2-base step-btn_btn step2-nol" data-rel="step2">上传导入文件</li>
    </ul>
    <div id="import-wrap" class="cf">
        <div id="import-step1" class="step-item">
            <div class="ctn file-import-ctn">
                <p>
                    联系人导入模板下载<a class="btn"></a>
                    <a id="templateUrl" href="__CDN__/assets/addons/kuerp/template/联系人导入模板.xlsx?t={$time}">下载</a>
                </p>
            </div>
            <div class="mid-wrap">
                <span class="mid-wrap-tit">导入说明</span>
                <h4>填写excel模版</h4>
                <p>1）多次导入同一客户下同一名称的联系人，默认覆盖之前的信息；</p>
                <p>2）客户名称、联系人、手机号必填。</p>
            </div>
        </div>

        <div id="import-step2" class="step-item" style="display: none;">
            <form id="import-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
                <div class="form-group">
                    <label class="control-label col-xs-12 col-sm-2">{:__('File')}:</label>
                    <div class="col-xs-12 col-sm-7">
                      <div class="input-group">
                        <input id="c-file" class="form-control" size="30" name="file" type="text" data-rule="required">
                        <div class="input-group-addon no-border no-padding">
                          <span><button type="button" id="faupload-file" class="btn btn-danger faupload userupload" data-input-id="c-file" data-multiple="false" data-preview-id="p-file"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                          <span><button type="button" id="fachoose-file" class="btn btn-primary fachoose" data-input-id="c-file" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                        </div>
                        <span class="msg-box n-right" for="c-file"></span>
                      </div>
                      <ul class="row list-inline faupload-preview" id="p-file"></ul>
                    </div>
                </div>
                
            </form>
            <div class="ctn uploadList">
                <!-- <label>上传文件:</label>
                <p>选择文件</p>
                <input id="upfile" type="button" name="files[]" multiple="">
                 -->
                <div id="classes" style="margin-top: 26px;margin-left: 21px;">
                    <span>重复导入同一客户下同一名称联系人，则联系人信息：</span>
                    <label class="radio icon-radio-checked" style="width: 40px;">
                        <input type="radio" name="editstatus" value="1" checked="checked">更新
                    </label>
                    <label class="radio icon-radio-unchecked" style="width: 45px;">
                        <input type="radio" name="editstatus" value="0">不更新
                    </label>
                </div>
            </div>

            <ul id="progress" class="ul-inline file-import-ctn cf" style="display: none">
                <li class="filelist">
                    <div class="progressList">
                        <div class="file-bar">
                            <div class="bar"></div>
                        </div>
                    </div>
                </li>
            </ul>
            <div class="mid-wrap">
                <span class="mid-wrap-tit">导入详情</span>
                <p>新增数据:<span id="addMsg" class="ml10"></span></p>
                <p>更新数据:<span id="updateMsg" class="ml10"></span></p>
                <p>不存在客户:<span id="noexists" class="ml10"></span></p>
            </div>
        </div>

    </div>

    <!-- 按钮部分 -->
    <div class="ui-cus-dialog" id="ui-cus-dialog">
        <div class="step-btns ui_buttons step_step1" style="display: block;">
            <input type="button" value="下一步" data-rel="step2" class="step-btn_btn ui_state_highlight">
            <input type="button" class="btn-close" value="关闭">
        </div>
        <div class="step-btns ui_buttons step_step2" style="display: none;">
            <input type="button" value="上一步" data-rel="step1" class="step-btn_btn">
            <input type="button" class="ui_state_highlight finish_btn" value="完成">
            <input type="button" class="btn-close" value="关闭">
        </div>
    </div>
    <!-- 按钮部分 -->
</div>